@ibiz-template-plugin/ibiz-file-previewer 0.0.27 → 0.0.29

package/dist/index.es.js

@@ -151,7 +151,7 @@ function O(n2, u2, t2, i2, o2, r2, e2, f2, c2, s2) {
     else u2.__e = t2.__e, u2.__k = t2.__k, n3.then || z$1(u2);
     l$3.__e(n3, u2, t2);
   }
-  else null == r2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = q$1(t2.__e, u2, t2, i2, o2, r2, e2, c2, s2);
+  else null == r2 && u2.__v == t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : f2 = u2.__e = q$2(t2.__e, u2, t2, i2, o2, r2, e2, c2, s2);
   return (a2 = l$3.diffed) && a2(u2), 128 & u2.__u ? void 0 : f2;
 }
 function z$1(n2) {
@@ -172,7 +172,7 @@ function N$1(n2, u2, t2) {
 function V$1(n2) {
   return "object" != typeof n2 || null == n2 || n2.__b && n2.__b > 0 ? n2 : d$3(n2) ? n2.map(V$1) : w$2({}, n2);
 }
-function q$1(u2, t2, i2, o2, r2, e2, f2, c2, s2) {
+function q$2(u2, t2, i2, o2, r2, e2, f2, c2, s2) {
   var a2, h2, v2, y2, w2, _2, m2, b2 = i2.props || p$3, k2 = t2.props, x2 = t2.type;
   if ("svg" == x2 ? r2 = "http://www.w3.org/2000/svg" : "math" == x2 ? r2 = "http://www.w3.org/1998/Math/MathML" : r2 || (r2 = "http://www.w3.org/1999/xhtml"), null != e2) {
     for (a2 = 0; a2 < e2.length; a2++) if ((w2 = e2[a2]) && "setAttribute" in w2 == !!x2 && (x2 ? w2.localName == x2 : 3 == w2.nodeType)) {
@@ -303,6 +303,11 @@ function T$1(n2, r2) {
   var u2 = p$2(t$1++, 7);
   return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
 }
+function q$1(n2, t2) {
+  return o$1 = 8, T$1(function() {
+    return n2;
+  }, t2);
+}
 function j$1() {
   for (var n2; n2 = f$2.shift(); ) if (n2.__P && n2.__H) try {
     n2.__H.__h.forEach(z), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
@@ -1300,20 +1305,20 @@ var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof win
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
-function assertPath(path) {
-  if (typeof path !== "string") {
-    throw new TypeError("Path must be a string. Received " + JSON.stringify(path));
+function assertPath(path2) {
+  if (typeof path2 !== "string") {
+    throw new TypeError("Path must be a string. Received " + JSON.stringify(path2));
   }
 }
-function normalizeStringPosix(path, allowAboveRoot) {
+function normalizeStringPosix(path2, allowAboveRoot) {
   var res = "";
   var lastSegmentLength = 0;
   var lastSlash = -1;
   var dots = 0;
   var code;
-  for (var i2 = 0; i2 <= path.length; ++i2) {
-    if (i2 < path.length)
-      code = path.charCodeAt(i2);
+  for (var i2 = 0; i2 <= path2.length; ++i2) {
+    if (i2 < path2.length)
+      code = path2.charCodeAt(i2);
     else if (code === 47)
       break;
     else
@@ -1353,9 +1358,9 @@ function normalizeStringPosix(path, allowAboveRoot) {
         }
       } else {
         if (res.length > 0)
-          res += "/" + path.slice(lastSlash + 1, i2);
+          res += "/" + path2.slice(lastSlash + 1, i2);
         else
-          res = path.slice(lastSlash + 1, i2);
+          res = path2.slice(lastSlash + 1, i2);
         lastSegmentLength = i2 - lastSlash - 1;
       }
       lastSlash = i2;
@@ -1386,20 +1391,20 @@ var posix = {
     var resolvedAbsolute = false;
     var cwd;
     for (var i2 = arguments.length - 1; i2 >= -1 && !resolvedAbsolute; i2--) {
-      var path;
+      var path2;
       if (i2 >= 0)
-        path = arguments[i2];
+        path2 = arguments[i2];
       else {
         if (cwd === void 0)
           cwd = process.cwd();
-        path = cwd;
+        path2 = cwd;
       }
-      assertPath(path);
-      if (path.length === 0) {
+      assertPath(path2);
+      if (path2.length === 0) {
         continue;
       }
-      resolvedPath = path + "/" + resolvedPath;
-      resolvedAbsolute = path.charCodeAt(0) === 47;
+      resolvedPath = path2 + "/" + resolvedPath;
+      resolvedAbsolute = path2.charCodeAt(0) === 47;
     }
     resolvedPath = normalizeStringPosix(resolvedPath, !resolvedAbsolute);
     if (resolvedAbsolute) {
@@ -1413,20 +1418,20 @@ var posix = {
       return ".";
     }
   },
-  normalize: function normalize(path) {
-    assertPath(path);
-    if (path.length === 0) return ".";
-    var isAbsolute2 = path.charCodeAt(0) === 47;
-    var trailingSeparator = path.charCodeAt(path.length - 1) === 47;
-    path = normalizeStringPosix(path, !isAbsolute2);
-    if (path.length === 0 && !isAbsolute2) path = ".";
-    if (path.length > 0 && trailingSeparator) path += "/";
-    if (isAbsolute2) return "/" + path;
-    return path;
+  normalize: function normalize(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var isAbsolute2 = path2.charCodeAt(0) === 47;
+    var trailingSeparator = path2.charCodeAt(path2.length - 1) === 47;
+    path2 = normalizeStringPosix(path2, !isAbsolute2);
+    if (path2.length === 0 && !isAbsolute2) path2 = ".";
+    if (path2.length > 0 && trailingSeparator) path2 += "/";
+    if (isAbsolute2) return "/" + path2;
+    return path2;
   },
-  isAbsolute: function isAbsolute(path) {
-    assertPath(path);
-    return path.length > 0 && path.charCodeAt(0) === 47;
+  isAbsolute: function isAbsolute(path2) {
+    assertPath(path2);
+    return path2.length > 0 && path2.charCodeAt(0) === 47;
   },
   join: function join() {
     if (arguments.length === 0)
@@ -1512,18 +1517,18 @@ var posix = {
       return to.slice(toStart);
     }
   },
-  _makeLong: function _makeLong(path) {
-    return path;
+  _makeLong: function _makeLong(path2) {
+    return path2;
   },
-  dirname: function dirname(path) {
-    assertPath(path);
-    if (path.length === 0) return ".";
-    var code = path.charCodeAt(0);
+  dirname: function dirname(path2) {
+    assertPath(path2);
+    if (path2.length === 0) return ".";
+    var code = path2.charCodeAt(0);
     var hasRoot = code === 47;
     var end = -1;
     var matchedSlash = true;
-    for (var i2 = path.length - 1; i2 >= 1; --i2) {
-      code = path.charCodeAt(i2);
+    for (var i2 = path2.length - 1; i2 >= 1; --i2) {
+      code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           end = i2;
@@ -1535,21 +1540,21 @@ var posix = {
     }
     if (end === -1) return hasRoot ? "/" : ".";
     if (hasRoot && end === 1) return "//";
-    return path.slice(0, end);
+    return path2.slice(0, end);
   },
-  basename: function basename(path, ext) {
+  basename: function basename(path2, ext) {
     if (ext !== void 0 && typeof ext !== "string") throw new TypeError('"ext" argument must be a string');
-    assertPath(path);
+    assertPath(path2);
     var start = 0;
     var end = -1;
     var matchedSlash = true;
     var i2;
-    if (ext !== void 0 && ext.length > 0 && ext.length <= path.length) {
-      if (ext.length === path.length && ext === path) return "";
+    if (ext !== void 0 && ext.length > 0 && ext.length <= path2.length) {
+      if (ext.length === path2.length && ext === path2) return "";
       var extIdx = ext.length - 1;
       var firstNonSlashEnd = -1;
-      for (i2 = path.length - 1; i2 >= 0; --i2) {
-        var code = path.charCodeAt(i2);
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        var code = path2.charCodeAt(i2);
         if (code === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
@@ -1573,11 +1578,11 @@ var posix = {
         }
       }
       if (start === end) end = firstNonSlashEnd;
-      else if (end === -1) end = path.length;
-      return path.slice(start, end);
+      else if (end === -1) end = path2.length;
+      return path2.slice(start, end);
     } else {
-      for (i2 = path.length - 1; i2 >= 0; --i2) {
-        if (path.charCodeAt(i2) === 47) {
+      for (i2 = path2.length - 1; i2 >= 0; --i2) {
+        if (path2.charCodeAt(i2) === 47) {
           if (!matchedSlash) {
             start = i2 + 1;
             break;
@@ -1588,18 +1593,18 @@ var posix = {
         }
       }
       if (end === -1) return "";
-      return path.slice(start, end);
+      return path2.slice(start, end);
     }
   },
-  extname: function extname(path) {
-    assertPath(path);
+  extname: function extname(path2) {
+    assertPath(path2);
     var startDot = -1;
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
     var preDotState = 0;
-    for (var i2 = path.length - 1; i2 >= 0; --i2) {
-      var code = path.charCodeAt(i2);
+    for (var i2 = path2.length - 1; i2 >= 0; --i2) {
+      var code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1625,7 +1630,7 @@ var posix = {
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       return "";
     }
-    return path.slice(startDot, end);
+    return path2.slice(startDot, end);
   },
   format: function format(pathObject) {
     if (pathObject === null || typeof pathObject !== "object") {
@@ -1633,11 +1638,11 @@ var posix = {
     }
     return _format("/", pathObject);
   },
-  parse: function parse(path) {
-    assertPath(path);
+  parse: function parse(path2) {
+    assertPath(path2);
     var ret = { root: "", dir: "", base: "", ext: "", name: "" };
-    if (path.length === 0) return ret;
-    var code = path.charCodeAt(0);
+    if (path2.length === 0) return ret;
+    var code = path2.charCodeAt(0);
     var isAbsolute2 = code === 47;
     var start;
     if (isAbsolute2) {
@@ -1650,10 +1655,10 @@ var posix = {
     var startPart = 0;
     var end = -1;
     var matchedSlash = true;
-    var i2 = path.length - 1;
+    var i2 = path2.length - 1;
     var preDotState = 0;
     for (; i2 >= start; --i2) {
-      code = path.charCodeAt(i2);
+      code = path2.charCodeAt(i2);
       if (code === 47) {
         if (!matchedSlash) {
           startPart = i2 + 1;
@@ -1676,20 +1681,20 @@ var posix = {
     preDotState === 0 || // The (right-most) trimmed path component is exactly '..'
     preDotState === 1 && startDot === end - 1 && startDot === startPart + 1) {
       if (end !== -1) {
-        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path.slice(1, end);
-        else ret.base = ret.name = path.slice(startPart, end);
+        if (startPart === 0 && isAbsolute2) ret.base = ret.name = path2.slice(1, end);
+        else ret.base = ret.name = path2.slice(startPart, end);
       }
     } else {
       if (startPart === 0 && isAbsolute2) {
-        ret.name = path.slice(1, startDot);
-        ret.base = path.slice(1, end);
+        ret.name = path2.slice(1, startDot);
+        ret.base = path2.slice(1, end);
       } else {
-        ret.name = path.slice(startPart, startDot);
-        ret.base = path.slice(startPart, end);
+        ret.name = path2.slice(startPart, startDot);
+        ret.base = path2.slice(startPart, end);
       }
-      ret.ext = path.slice(startDot, end);
+      ret.ext = path2.slice(startDot, end);
     }
-    if (startPart > 0) ret.dir = path.slice(0, startPart - 1);
+    if (startPart > 0) ret.dir = path2.slice(0, startPart - 1);
     else if (isAbsolute2) ret.dir = "/";
     return ret;
   },
@@ -1699,6 +1704,41 @@ var posix = {
   posix: null
 };
 posix.posix = posix;
+var pathBrowserify = posix;
+const path = /* @__PURE__ */ getDefaultExportFromCjs(pathBrowserify);
+class StaticResource {
+  /**
+   * 静态资源工具类
+   * @param mateUrl
+   */
+  constructor(mateUrl) {
+    /**
+     * 是否为 http || https 开头
+     */
+    __publicField(this, "urlReg", /^http[s]?:\/\/[^\s]*/);
+    /**
+     * 计算出的静态资源跟路径
+     */
+    __publicField(this, "baseDir");
+    /**
+     * mete 路径解析对象
+     */
+    __publicField(this, "url");
+    this.url = new URL(mateUrl);
+    this.baseDir = path.dirname(this.url.pathname || this.url.hostname);
+  }
+  /**
+   * 合并输出静态资源目录
+   * @param pathStr
+   * @returns
+   */
+  dir(pathStr) {
+    if (this.urlReg.test(pathStr)) {
+      return pathStr;
+    }
+    return this.url.origin + path.resolve(this.baseDir, pathStr);
+  }
+}
 class EventEmitter {
   constructor() {
     __publicField(this, "handlers", {});
@@ -1753,12 +1793,28 @@ const FilePreviewHtml = (props) => {
       const trackBgColor = computedStyle.getPropertyValue("--track-bg-color").trim();
       const thumbBgColor = computedStyle.getPropertyValue("--thumb-bg-color").trim();
       const thumbHoverBgColor = computedStyle.getPropertyValue("--thumb-hover-bg-color").trim();
+      const onIframeLoad = (e2) => {
+        const iframe2 = e2.target;
+        const doc = iframe2.contentDocument;
+        if (doc) {
+          doc.documentElement.setAttribute(
+            "style",
+            "height:100%;width:100%;overflow: auto"
+          );
+        }
+      };
       const scrollbarStyle = "\n        <style>\n          ::-webkit-scrollbar {\n            display: block;\n            width: 6px;\n            height: 6px;\n          }\n          ::-webkit-scrollbar-track {\n            background: ".concat(trackBgColor, ";\n          }\n          ::-webkit-scrollbar-thumb {\n            background: ").concat(thumbBgColor, ";\n            border-radius: 2px;\n          }\n          ::-webkit-scrollbar-thumb:hover {\n            background: ").concat(thumbHoverBgColor, ";\n          }\n        </style>\n      ");
       const rawContent = props.controller.state.value.content;
       const injectedContent = rawContent.includes("<head>") ? rawContent.replace("<head>", "<head>".concat(scrollbarStyle)) : "".concat(scrollbarStyle).concat(rawContent);
       const blob = new Blob([injectedContent], { type: "text/html" });
       const url = URL.createObjectURL(blob);
-      shadowRoot.innerHTML = '\n        <style>\n          iframe {\n            width: 100%;\n            height: 100%;\n            border: none;\n            display: block;\n          }\n        </style>\n        <iframe src="'.concat(url, '"></iframe>\n      ');
+      const iframe = document.createElement("iframe");
+      iframe.src = url;
+      iframe.addEventListener("load", onIframeLoad);
+      shadowRoot.appendChild(iframe);
+      const style = document.createElement("style");
+      style.innerHTML = "iframe {\n        border: none;\n        display: block;\n        height: 100%;\n        width: 100%;\n      }";
+      shadowRoot.appendChild(style);
       URL.revokeObjectURL(url);
       props.onInitialization();
     } else {
@@ -2084,6 +2140,8 @@ const LoaddingSvg = (props) => {
     }
   );
 };
+const FullScreenSvg = () => /* @__PURE__ */ u("svg", { viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("path", { d: "M547.4 197.4v46l200.3 0.1L546.1 444l32.4 32.6 201.9-200.7v200.9h46V197.5zM471.4 584.4l-32.6-32.6L243.6 747V547.9h-46v278.7h279v-46H275z" }) });
+const CloseFullScreenSvg = () => /* @__PURE__ */ u("svg", { viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("path", { d: "M544 480V282.944h52.224l0.064 107.968L763.072 224l36.928 36.928-166.976 166.976 108.032-0.128V480H544zM260.928 800l-36.928-36.928 166.912-166.784-107.968-0.064V544H480v197.056h-52.224l0.064-107.968L260.928 800z" }) });
 function g(n2, t2) {
   for (var e2 in t2) n2[e2] = t2[e2];
   return n2;
@@ -6238,12 +6296,12 @@ var dist = { exports: {} };
                 /* harmony export */
               });
               var _util_addStyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(290);
-              var setContentTheme = function(contentTheme, path) {
-                if (!contentTheme || !path) {
+              var setContentTheme = function(contentTheme, path2) {
+                if (!contentTheme || !path2) {
                   return;
                 }
                 var vditorContentTheme = document.getElementById("vditorContentTheme");
-                var cssPath = "".concat(path, "/").concat(contentTheme, ".css");
+                var cssPath = "".concat(path2, "/").concat(contentTheme, ".css");
                 if (!vditorContentTheme) {
                   (0, _util_addStyle__WEBPACK_IMPORTED_MODULE_0__.c)(cssPath, "vditorContentTheme");
                 } else if (vditorContentTheme.getAttribute("href") !== cssPath) {
@@ -6270,12 +6328,12 @@ var dist = { exports: {} };
                 )
                 /* harmony export */
               });
-              var addScriptSync = function(path, id) {
+              var addScriptSync = function(path2, id) {
                 if (document.getElementById(id)) {
                   return false;
                 }
                 var xhrObj = new XMLHttpRequest();
-                xhrObj.open("GET", path, false);
+                xhrObj.open("GET", path2, false);
                 xhrObj.setRequestHeader("Accept", "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01");
                 xhrObj.send("");
                 var scriptElement = document.createElement("script");
@@ -6284,14 +6342,14 @@ var dist = { exports: {} };
                 scriptElement.id = id;
                 document.head.appendChild(scriptElement);
               };
-              var addScript = function(path, id) {
+              var addScript = function(path2, id) {
                 return new Promise(function(resolve2, reject) {
                   if (document.getElementById(id)) {
                     resolve2(true);
                     return false;
                   }
                   var scriptElement = document.createElement("script");
-                  scriptElement.src = path;
+                  scriptElement.src = path2;
                   scriptElement.async = true;
                   document.head.appendChild(scriptElement);
                   scriptElement.onerror = function(event) {
@@ -10970,30 +11028,30 @@ var dist = { exports: {} };
             }
             var succFileText = "";
             Object.keys(response.data.succMap).forEach(function(key) {
-              var path = response.data.succMap[key];
+              var path2 = response.data.succMap[key];
               var lastIndex = key.lastIndexOf(".");
               var type = key.substr(lastIndex);
               var filename = vditor.options.upload.filename(key.substr(0, lastIndex)) + type;
               type = type.toLowerCase();
               if (type.indexOf(".wav") === 0 || type.indexOf(".mp3") === 0 || type.indexOf(".ogg") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path, '"></audio></pre></div>\n');
+                  succFileText += '<div class="vditor-wysiwyg__block" data-type="html-block"\n data-block="0"><pre><code>&lt;audio controls="controls" src="'.concat(path2, '"&gt;&lt;/audio&gt;</code></pre><pre class="vditor-wysiwyg__preview" data-render="1"><audio controls="controls" src="').concat(path2, '"></audio></pre></div>\n');
                 } else if (vditor.currentMode === "ir") {
-                  succFileText += '<audio controls="controls" src="'.concat(path, '"></audio>\n');
+                  succFileText += '<audio controls="controls" src="'.concat(path2, '"></audio>\n');
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               } else if (type.indexOf(".apng") === 0 || type.indexOf(".bmp") === 0 || type.indexOf(".gif") === 0 || type.indexOf(".ico") === 0 || type.indexOf(".cur") === 0 || type.indexOf(".jpg") === 0 || type.indexOf(".jpeg") === 0 || type.indexOf(".jfif") === 0 || type.indexOf(".pjp") === 0 || type.indexOf(".pjpeg") === 0 || type.indexOf(".png") === 0 || type.indexOf(".svg") === 0 || type.indexOf(".webp") === 0) {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path, '">\n');
+                  succFileText += '<img alt="'.concat(filename, '" src="').concat(path2, '">\n');
                 } else {
-                  succFileText += "![".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "![".concat(filename, "](").concat(path2, ")\n");
                 }
               } else {
                 if (vditor.currentMode === "wysiwyg") {
-                  succFileText += '<a href="'.concat(path, '">').concat(filename, "</a>\n");
+                  succFileText += '<a href="'.concat(path2, '">').concat(filename, "</a>\n");
                 } else {
-                  succFileText += "[".concat(filename, "](").concat(path, ")\n");
+                  succFileText += "[".concat(filename, "](").concat(path2, ")\n");
                 }
               }
             });
@@ -16983,6 +17041,7 @@ const FilePreviewMD = (props) => {
   const c2 = props.controller;
   const vditorEditor = A();
   const previewRef = A(null);
+  const staticResource = new StaticResource(import.meta.url);
   const MAX_INIT_LENGTH = 2e3;
   const CHUNK_SIZE = 2e3;
   const content = c2.state.value.content;
@@ -17010,6 +17069,14 @@ const FilePreviewMD = (props) => {
       }, vditor.options.preview.delay + 10);
     }
   };
+  const runPreviewAfterRender = () => {
+    var _a;
+    const vd = (_a = vditorEditor.current) == null ? void 0 : _a.vditor;
+    if (!vd || !vd.preview) {
+      return;
+    }
+    vd.preview.afterRender(vd, (/* @__PURE__ */ new Date()).getTime());
+  };
   y$1(() => {
     vditorEditor.current = new Vditor(previewRef.current, {
       // 预览内容白色背景，与word、pdf对齐
@@ -17034,7 +17101,9 @@ const FilePreviewMD = (props) => {
       value: initValue,
       after: () => {
         onPreview();
-        props.onInitialization();
+        requestIdleCallback(() => {
+          props.onInitialization();
+        });
         if (isLongContent) {
           const remaining = content.substring(MAX_INIT_LENGTH);
           const chunks = [];
@@ -17058,13 +17127,15 @@ const FilePreviewMD = (props) => {
               (_b = vditorEditor.current) == null ? void 0 : _b.vditor.outline.render(
                 vditorEditor.current.vditor
               );
+              runPreviewAfterRender();
             }
           };
           requestIdleCallback(() => {
             insertNextChunk();
           });
         }
-      }
+      },
+      cdn: "".concat(staticResource.dir("./vditor"))
     });
   }, []);
   return /* @__PURE__ */ u("div", { className: "file-preview-md ".concat(c2.state.value.theme), children: [
@@ -19749,7 +19820,75 @@ const FilePreviewImageGroup = (props) => {
     ] }) })
   ] });
 };
+const getFullscreenElement = () => {
+  var _a, _b, _c;
+  return (_c = (_b = (_a = document.fullscreenElement) != null ? _a : document.webkitFullscreenElement) != null ? _b : document.msFullscreenElement) != null ? _c : null;
+};
+const useFullscreen = (targetRef) => {
+  const [isFullscreen, setIsFullscreen] = d$2(
+    () => Boolean(getFullscreenElement())
+  );
+  y$1(() => {
+    const handleChange = () => {
+      setIsFullscreen(Boolean(getFullscreenElement()));
+    };
+    document.addEventListener("fullscreenchange", handleChange);
+    document.addEventListener("webkitfullscreenchange", handleChange);
+    document.addEventListener("MSFullscreenChange", handleChange);
+    return () => {
+      document.removeEventListener("fullscreenchange", handleChange);
+      document.removeEventListener("webkitfullscreenchange", handleChange);
+      document.removeEventListener("MSFullscreenChange", handleChange);
+    };
+  }, []);
+  const enter = q$1(async () => {
+    var _a;
+    const el = (_a = targetRef == null ? void 0 : targetRef.current) != null ? _a : document.documentElement;
+    if (!el) return false;
+    try {
+      if (el.requestFullscreen) {
+        await el.requestFullscreen();
+      } else if (el.webkitRequestFullscreen) {
+        await el.webkitRequestFullscreen();
+      } else if (el.msRequestFullscreen) {
+        await el.msRequestFullscreen();
+      } else {
+        return false;
+      }
+      return true;
+    } catch (error2) {
+      console.error("进入全屏失败", error2);
+      return false;
+    }
+  }, [targetRef]);
+  const exit = q$1(async () => {
+    if (!getFullscreenElement()) return true;
+    try {
+      if (document.exitFullscreen) {
+        await document.exitFullscreen();
+      } else if (document.webkitExitFullscreen) {
+        await document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        await document.msExitFullscreen();
+      }
+      return true;
+    } catch (error2) {
+      console.error("退出全屏失败", error2);
+      return false;
+    }
+  }, []);
+  const toggle = q$1(async () => {
+    if (getFullscreenElement()) {
+      await exit();
+    } else {
+      await enter();
+    }
+  }, [enter, exit]);
+  return { isFullscreen, enter, exit, toggle };
+};
 const FilePreviewShell = (props) => {
+  const containerRef = A(null);
+  const { isFullscreen, toggle } = useFullscreen(containerRef);
   y$1(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => {
@@ -19796,97 +19935,113 @@ const FilePreviewShell = (props) => {
         break;
     }
   };
-  return /* @__PURE__ */ u("div", { className: "file-preview-shell ".concat(state.value.theme), children: [
-    /* @__PURE__ */ u("div", { className: "preview-header", children: [
-      /* @__PURE__ */ u("div", { className: "file-info", children: [
-        /* @__PURE__ */ u("h3", { className: "file-name", children: state.value.fileName }),
-        /* @__PURE__ */ u("div", { className: "engine-container", children: [
-          /* @__PURE__ */ u("div", { className: "engine-content", children: [
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: containerRef,
+      className: "file-preview-shell ".concat(state.value.theme),
+      children: [
+        /* @__PURE__ */ u("div", { className: "preview-header", children: [
+          /* @__PURE__ */ u("div", { className: "file-info", children: [
+            /* @__PURE__ */ u("h3", { className: "file-name", children: state.value.fileName }),
+            /* @__PURE__ */ u("div", { className: "engine-container", children: [
+              /* @__PURE__ */ u("div", { className: "engine-content", children: [
+                /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "engine-type ".concat(state.value.engineOptions.length > 1 ? "is-multiple" : ""),
+                    children: state.value.engineType
+                  }
+                ),
+                state.value.engineOptions.length > 1 && /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "engine-icon",
+                    onClick: () => {
+                      showwEngineOptions();
+                    },
+                    children: /* @__PURE__ */ u(DownSvg, {})
+                  }
+                )
+              ] }),
+              showEngineMenu.value && state.value.engineOptions.length > 1 && /* @__PURE__ */ u("ul", { className: "engine-options", children: state.value.engineOptions.map((type) => /* @__PURE__ */ u(
+                "li",
+                {
+                  className: "engine-option-item ".concat(type === state.value.engineType ? "is-active" : ""),
+                  onClick: () => {
+                    handleEngineOptionSelect(type);
+                  },
+                  children: type
+                }
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ u("div", { className: "preview-controls", children: [
+            /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
             /* @__PURE__ */ u(
-              "div",
+              "button",
               {
-                className: "engine-type ".concat(state.value.engineOptions.length > 1 ? "is-multiple" : ""),
-                children: state.value.engineType
+                className: "control-btn",
+                onClick: toggle,
+                title: isFullscreen ? "退出全屏" : "全屏",
+                children: isFullscreen ? /* @__PURE__ */ u(CloseFullScreenSvg, {}) : /* @__PURE__ */ u(FullScreenSvg, {})
               }
             ),
-            state.value.engineOptions.length > 1 && /* @__PURE__ */ u(
-              "div",
+            /* @__PURE__ */ u(
+              "button",
               {
-                className: "engine-icon",
+                className: "control-btn download-btn",
+                title: "下载选项",
                 onClick: () => {
-                  showwEngineOptions();
+                  showDownloadOptions();
                 },
-                children: /* @__PURE__ */ u(DownSvg, {})
+                children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(DownLoadSvg, {}) })
               }
             )
-          ] }),
-          showEngineMenu.value && state.value.engineOptions.length > 1 && /* @__PURE__ */ u("ul", { className: "engine-options", children: state.value.engineOptions.map((type) => /* @__PURE__ */ u(
-            "li",
+          ] })
+        ] }),
+        showDownloadMenu.value && /* @__PURE__ */ u("div", { className: "download-options", children: [
+          state.value.fileContent === "" && /* @__PURE__ */ u(
+            "button",
             {
-              className: "engine-option-item ".concat(type === state.value.engineType ? "is-active" : ""),
-              onClick: () => {
-                handleEngineOptionSelect(type);
+              className: "download-option",
+              onClick: (event) => {
+                handDownLoad(ActionType.DOWNORIGINAL, event);
               },
-              children: type
+              children: "下载原文件"
             }
-          )) })
+          ),
+          state.value.engineType !== EngineType.PDF && /* @__PURE__ */ u(
+            "button",
+            {
+              className: "download-option",
+              onClick: (event) => {
+                handDownLoad(ActionType.COPYTEXTCONTENT, event);
+              },
+              children: "复制文本内容"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("div", { className: "preview-content", children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: "preview-inner ".concat(controller.state.value.engineType.toLowerCase(), "-engine"),
+              children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
+                controller: controller.preViewController,
+                onInitialization: () => {
+                  var _a, _b;
+                  controller.updateState({ isLoading: false });
+                  (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
+                }
+              }) : null
+            }
+          ),
+          state.value.isLoading && /* @__PURE__ */ u(Loading, { size: 48 })
         ] })
-      ] }),
-      /* @__PURE__ */ u("div", { className: "preview-controls", children: [
-        /* @__PURE__ */ u("div", { className: "custom-controls", id: controller.controlsId }),
-        /* @__PURE__ */ u(
-          "button",
-          {
-            className: "control-btn download-btn",
-            title: "下载选项",
-            onClick: () => {
-              showDownloadOptions();
-            },
-            children: /* @__PURE__ */ u("span", { className: "icon", children: /* @__PURE__ */ u(DownLoadSvg, {}) })
-          }
-        )
-      ] })
-    ] }),
-    showDownloadMenu.value && /* @__PURE__ */ u("div", { className: "download-options", children: [
-      state.value.fileContent === "" && /* @__PURE__ */ u(
-        "button",
-        {
-          className: "download-option",
-          onClick: (event) => {
-            handDownLoad(ActionType.DOWNORIGINAL, event);
-          },
-          children: "下载原文件"
-        }
-      ),
-      state.value.engineType !== EngineType.PDF && /* @__PURE__ */ u(
-        "button",
-        {
-          className: "download-option",
-          onClick: (event) => {
-            handDownLoad(ActionType.COPYTEXTCONTENT, event);
-          },
-          children: "复制文本内容"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ u("div", { className: "preview-content", children: [
-      /* @__PURE__ */ u(
-        "div",
-        {
-          className: "preview-inner ".concat(controller.state.value.engineType.toLowerCase(), "-engine"),
-          children: state.value.isCreated && controller.preViewComp && controller.preViewController ? _$2(controller.preViewComp, {
-            controller: controller.preViewController,
-            onInitialization: () => {
-              var _a, _b;
-              controller.updateState({ isLoading: false });
-              (_b = (_a = controller.getOptions()).onInitialized) == null ? void 0 : _b.call(_a);
-            }
-          }) : null
-        }
-      ),
-      state.value.isLoading && /* @__PURE__ */ u(Loading, { size: 48 })
-    ] })
-  ] });
+      ]
+    }
+  );
 };
 class FilePreviewItemController {
   /**
@@ -21164,8 +21319,8 @@ class FilePreviewShellController {
   async updateView(data) {
     this.updateState({ isCreated: false, isLoading: true });
     await this.parseParams(data);
-    await this.parsePreviewItem();
     this.mountComponent();
+    await this.parsePreviewItem();
     this.updateState({ isCreated: true });
   }
   /**